<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="more" th:fragment="more">
    <svg class="olymp-three-dots-icon">
        <use xlink:href="svg-icons/sprites/icons.svg#olymp-three-dots-icon"></use>
    </svg>
    <ul class="more-dropdown">
        <li>
            <a href="#">编辑</a>
        </li>
        <li>
            <a href="#" onclick="deletePost(this);return false;">删除</a>
        </li>
        <li>
            <a href="#">关闭通知</a>
        </li>
        <li>
            <a href="#">置顶</a>
        </li>
    </ul>
</div>

<div th:fragment="profilePagePostHeader">
    <div class="post__author author vcard inline-items">
        <img th:src="${visitUser.imagePath}" alt="author">
        <div class="author-date">
            <a th:text="${visitUser.userName}" class="h6 post__author-name fn"
               th:href="@{/lookUserProfilePage(userName=${visitUser.userId})}"></a>
            <div class="post__date">
                <time class="published" datetime="2017-03-24T18:18"
                      th:text="${#dates.format(article.article.publishTime, 'yyyy/MM/dd HH:mm')}">
                </time>
            </div>
        </div>
        <div th:if="${session.loginUser.userName} eq ${visitUser.userName}" style="display:inline-block; float: right">
            <div th:replace="~{profilePageCommon :: more}"></div>
        </div>
    </div>
</div>
<div th:fragment="like_refresh">
    <ul class="friends-harmonic" th:if="${article.likeUserList.size() > 0}">
        <div>
            <li th:if="${likeState.index <= 5}"
                th:each="likeUser, likeState : ${article.likeUserList}">
                <a href="#"
                   th:href="@{/lookUserProfilePage(userName=${likeUser.userName})}">
                    <img th:src="${likeUser.imagePath}" alt="friend">
                </a>
            </li>
        </div>
    </ul>
    <div class="names-people-likes">
        <div th:if="${article.likeUserList.size() > 0}">
            <a href="#" th:text="${article.likeUserList.get(0).userName}"
               th:href="@{/lookUserProfilePage(userName=${article.likeUserList.get(0).userName})}"></a>
            and
            <br><span th:text="${article.likeUserList.size()}"></span>
            <span>more liked this</span>
        </div>
    </div>
</div>
</body>
</html>